<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Add Employee</title>
<!-- CSS -->
<link rel="stylesheet" href="/css/bootstrap.min.css">

<!-- jQuery and JS bundle w/ Popper.js -->
<script src="/js/jquery.slim.min.js"></script>
<script src="/js/bootstrap.bundle.min.js"></script>
</head>

<body>
	<div class="container">
		<h1>Update Employee</h1>
		<hr>
        <form method="post" action="#" th:action="@{/saveEmployee}" th:object="${employee}">
        
            <input type="text"  th:field="*{firstName}" class="form-control mb-4 col-4" placeholder="Employee First Name" required="required">
            <input type="text" th:field="*{lastName}" class="form-control mb-4 col-4" placeholder="Employee Last Name"
    required="required">
            <input type="text" th:field="*{email}" class="form-control mb-4 col-4" placeholder="Employee Email"
        required="required">
            
			
            <button type="submit" class="btn btn-info">update employee</button>
            
		</form>
		<a th:href="@{/}">back employee list</a>
	</div>
</body>

</html>